@import '../variables/index.scss';

.at-time-panel {
  float: left;
  font-size: 12px;
  border-left: 1px solid #e9e9e9;
  box-sizing: border-box;
  width: 56px;
  overflow: hidden;
  position: relative;
  max-height: 144px;
  &:first-child {
    border-left: 0px;
  }
  &:hover {
    overflow-y: auto;
  }
  ul {
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    width: 100%;
    .time-selected {
      background: $grey-100;
    }
    li {
      list-style: none;
      box-sizing: content-box;
      margin: 0;
      padding: 0 0 0 8px;
      width: 100%;
      height: 24px;
      line-height: 24px;
      text-align: left;
      cursor: pointer;
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;
      transition: background 0.3s;
      &:hover {
        background: $blue-50;
      }
    }
  }
}
